<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/aui.css" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			
		</style>

	</head>

	<body>
		<header class="aui-bar aui-bar-nav aui-bar-nav-search aui-text-default aui-background-transparent">
	        <a class="aui-pull-left aui-btn" onclick="window.history.back()">
		        <span class="aui-iconfont aui-icon-left"></span>
		    </a>
	        <div class="aui-title aui-text-white">新概念作文第一册</div>
	    </header>
		
		<div class="aui-content aui-background-white" style="margin-top: 2.25rem;">
			<div class="aui-clear-both aui-background-set aui-padded-l-15 aui-padded-r-15 aui-padded-t-25 aui-padded-b-25">
				<p></p>
				<div class="aui-position-relative aui-clear-both aui-radio-top">
					<img src="images/english.jpg" alt="" class="aui-radio-img"/>
					<p class="aui-position-absolute aui-width-one aui-listen-num"><img src="images/ear.png"/>34.9万</p>
				</div>
				<div class="aui-radio-title">
					<div class="aui-lesson-title aui-font-weight aui-font-size-12">
						<span class="aui-font-size-12">连载中</span>新概念作文第一册 英语 人教版专用
						<p class="aui-use-class aui-font-size-12">人教版 | 小学三年级
						李明老师</p>
					</div>
				</div>
				
			</div>
			<div>
				<div id="segmentedControl" class="aui-tab aui-segmented-control aui-border-bottom">
					<a class="aui-tab-item  aui-active" href="javascript:void(0)">简介</a>
					<a class="aui-tab-item " href="javascript:void(0)">节目</a>
					<a class="aui-tab-item" href="javascript:void(0)">评价 <span>(58)</span></a>
				</div>
				<div>
					<!--简介-->
					<div id="item1" class="aui-tab-page">
						11
					</div>
					<!--节目-->
					<div class="aui-tab-page aui-hide">
						<div class="lessonList">
							<ul>
								<li>
									<a href="">
										<span class="aui-text-gray">15</span>
										<div class="aui-lesson-uint">
											<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
											<div class="aui-font-size-12">
												<span>17.7万</span>
												<span>04:02</span>
												<span>47</span>
											</div>
										</div>
										<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="aui-text-gray">15</span>
										<div class="aui-lesson-uint">
											<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
											<div class="aui-font-size-12">
												<span>17.7万</span>
												<span>04:02</span>
												<span>47</span>
											</div>
										</div>
										<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="aui-text-gray">15</span>
										<div class="aui-lesson-uint">
											<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
											<div class="aui-font-size-12">
												<span>17.7万</span>
												<span>04:02</span>
												<span>47</span>
											</div>
										</div>
										<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="aui-text-gray">15</span>
										<div class="aui-lesson-uint">
											<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
											<div class="aui-font-size-12">
												<span>17.7万</span>
												<span>04:02</span>
												<span>47</span>
											</div>
										</div>
										<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="aui-text-gray">15</span>
										<div class="aui-lesson-uint">
											<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
											<div class="aui-font-size-12">
												<span>17.7万</span>
												<span>04:02</span>
												<span>47</span>
											</div>
										</div>
										<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
									</a>
								</li>
								
							</ul>
						</div>
					</div>
					<!--评价-->
					<div class="aui-tab-page aui-hide">
						<div class="lessonList">
							<ul>
								<li>
									<div class="aui-lesson-uint aui-clear-both aui-width-one" style="display: flex;">
										<img src="images/teacher.jpg" alt="" class="aui-user-write aui-pull-left"/>
										<div class="aui-pull-left aui-width-one">
											<div class="aui-unit-title aui-margin-b-5">听友15555555 </div>
											<div class="aui-font-size-12">5星</div>
											<div class="aui-font-size-12 aui-clear-both">
												18小时前
												<span class="aui-pull-right">赞(0)</span><span class="aui-pull-right aui-margin-r-10">评论(10)</span>
											</div>
										</div>
									</div>
									
								</li>
							</ul>
						</div>	
					</div>
				</div>
			</div>
		
		</div>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/index.js"></script>
		<script>
			 tabs(".aui-tab-item",".aui-tab-page");
			$(window).scroll(function() {
	            if ($(this).scrollTop() >= 80) {
	                $('#segmentedControl').addClass('fixed-top')
	
	            } else {
	                $('#segmentedControl').removeClass('fixed-top')
	
	
	            }
	        })
		</script>
	</body>

</html>